<template>
	<view class="">
		<view class="" style="padding-top:20upx;">
			<view class="order-con" v-for="(item, index) in 1" :key="index">
				<view class="order-item-info fill">
					<view class="row between" style="padding-bottom: 20upx;">
						<view class="cart-item-img"><image src="/static/img/bg66.png" mode="aspectFill" class="img"></image></view>
						<view class="cart-item-right fill">
							<view class="clamp2 cart-item-title">宋版孟浩然集（16开线装 全一菡二 册）</view>
							<view class="cart-item-price">
								<u-rate :count="5" v-model="value" active-color="#6AAE59" inactive-color="#CCCCCC" inactive-icon="star-fill"></u-rate>
							</view>
						</view>
					</view>
					<view class="order-bottom">
						<textarea value="" placeholder="请输入评价" maxlength="150" class="textarea" />
						<view class="">
							<mix-upload-image></mix-upload-image>
						</view>
					</view>
				</view>
			</view>
			<view class="footer-btn row center">
				<view class="f-btn">
					立即提交
				</view>
			</view>
		</view>
	</view>
</template>

<script>
import orderMixins from '@/common/mixin/order.js';
import mixUploadImage from '@/components/mix-upload-image/mix-upload-image.vue';
export default {
	mixins: [orderMixins],
	components:{
		mixUploadImage
	},
	data() {
		return {
			value: 4
		};
	},
	onLoad(options) {
		this.current = options.type;
	},
	methods: {
		change(index) {
			this.current = index;
		},
		pullDown(pullScroll) {
			setTimeout(() => {
				this.loadData(pullScroll);
			}, 200);
		},
		async loadData(pullScroll) {
			const data = {};
			const res = await this.$request('', data, { showLoading: true });
		}
	}
};
</script>
<style scoped lang="scss">
.order-con {
	background: #ffffff;
	border-radius: 20upx;
	margin-bottom: 20upx;
	padding: 20upx;
}
.order-item-info {
	padding-top: 20upx;
}
.cart-item-img {
	width: 144upx;
	height: 144upx;
	border-radius: 10upx;
	overflow: hidden;
	position: relative;
}
.img {
	width: 144upx;
	height: 144upx;
}
.cart-item-right {
	height: 144upx;
	position: relative;
	padding-left: 20upx;
}
.cart-item-title {
	font-size: 28upx;
	font-family: PingFang SC;
	font-weight: 500;
	color: #000000;
	line-height: 44upx;
}
.order-bottom {
	margin-top:40upx;
	border: 1px solid #DCDCDC;
	border-radius: 10upx;
	padding:20upx 20upx 30upx 20upx;
	
}
.textarea {
	width: 100%;
	height:160upx;
	font-size: 26upx;
	color: #333333;
	padding: 20upx;
}
.footer-btn{
	padding: 50upx 0;
}
.f-btn{
	width: 706upx;
	height: 88upx;
	line-height: 88upx;
	text-align: center;
	background: #2781A7;
	border-radius: 44upx;
	font-size: 30upx;
	color: #FFFFFF;
}
</style>
